@import "../../../unit/common/less/common.less";
@import "../../../unit/common/less/bootstrap_style/select2_metro.css";
//@import "../../../unit/common/less/bootstrap_style/DT_bootstrap.css";


.leftSide{height:450px; border:1px solid gray;}
li.detail{padding-left:8px;}
.rightSide{height:350px;margin-left:0 !important;padding:5px 0 5px 8px;border:1px solid gray;border-bottom: none;overflow-y: scroll;}
.chat{height:98px; border:1px solid gray; margin-left:0 !important;}
.chat .chatMsg{width:80%;height:87px;border:none;}
.chat .reply{width:18%;height:100%;border:none; display:inline-block; padding: 30px 0;line-height: 38px;font-size: 22px; position: relative;top: -4px; text-align: center; cursor: pointer;}
.messageTitle{height:100%;width:100%;overflow-y:scroll }
.rightSide{border-left:1px solid gray;}
.chat{height:100px;border:1px solid gray;}
ul,li{margin: 0; padding: 0;list-style-type: none;}
.fl-left {display: inline-block; margin-bottom: 3px;width:80%; border-radius: 5px !important; padding: 2px 5px;margin-left:8px;}
.fr-right {display: inline-block; margin-left: 3%;width:15%; margin-left: 3%; width: 10%;text-align: center;border-radius: 5px !important;}
li.msgTitle {height: 36px; line-height: 36px;font-size: 14px;width: 100%;padding-left: 10px; overflow: hidden;display: block; cursor: pointer; }
.msgTitle.active{background: #c9c9c9;}
.messageTitle,DetailList{overflow-y: scroll;  }
.fl-left span{border-radius: 6px !important; padding:2px 8px;}
.myMsg{background:lightgreen;};
.bg-green{background:green;}
.bg-gray{background:gray;}
.pubSts{ cursor: pointer;}